.bet-c{
    --background: #efefef;
}
ion-input{
    border:1px solid #E8E9EC; height: 30px; border-radius: 30px; --padding-start:10px; text-align: center;  padding: 0px; --padding-top: 0px; --padding-bottom:0px;
}
.content-grid,.footer-grid{
    margin: 0px; padding: 0 4px; background: #fff;
    ion-row{
        display: flex; justify-content: center; align-items: center; height: 40px; line-height: 40px; border-bottom: 1px solid #E8E9EC;
        ion-col{
            padding: 0px;  display: flex; align-items: center; justify-content: center;
        }
    }
}
.footer-grid{
    .f-g-r-one{
        padding: 0px 10px;
    }
    .row-total{
        ion-col{
            justify-content: left !important; padding: 0px 10px;
            &:first-child{
                border-right: 1px solid #E8E9EC;
            }
        }
    }
}

.mark-contain{
    position: absolute; top: 0px; left: 0px; right: 0px; z-index: 10000; background: rgba(0,0,0,0.5); width: 100%; height: 100%;
    .m-contain-div{
        height: 340px; width: 300px; background: #fff;  border-radius: 10px; padding: 10px; position: absolute; left: 50%; margin-left: -150px; top: 50%; margin-top: -170px;
        .m-contain-div-input-d{
            height: 40px;  border-bottom: 1px solid #E8E9EC; padding: 0 30px; display: flex; align-items: center;
        }
        ion-input{
            text-align: left;
        }
        .btn-contain{
             text-align: center; margin-top: 20px; font-size: 17px;
             span{
                 display: inline-block; width: 100px; height: 40px; line-height: 40px; color: #fff;background: #858585;
                 &:first-child{
                     border-top-left-radius: 40px; border-bottom-left-radius: 40px;  
                 }
                 &:last-child{
                     border-bottom-right-radius: 40px; border-top-right-radius: 40px; 
                 }
                 &.selectActive{
                    background: red !important;
                }
             }
        }
        .btn-submit{
            width: 100%; height: 40px; line-height: 40px; margin: 10px 0px; color: #fff; text-align: center; border-radius: 40px;  background: -webkit-linear-gradient(left, #ff6565 , red); /* Safari 5.1 - 6.0 */
            background: -o-linear-gradient(right, #e88787 , #ff6565); /* Opera 11.1 - 12.0 */
            background: -moz-linear-gradient(right, #e88787 , #ff6565); /* Firefox 3.6 - 15 */
            background: linear-gradient(to right, #e88787 , #ff6565); /* 标准的语法 */
            font-size: 17px;
        }
    }
    .m-contain-select{
        height: 160px; width: 300px; background: #fff;  border-radius: 10px; padding: 30px; position: absolute; left: 50%; margin-left: -150px; top: 50%; margin-top: -80px;
        .select-win-res{
            height: 40px;
            span{
                width: 16px;height: 50px;color: #666;display: inline-block;position: relative;
                em{
                    font-style: normal;position: absolute;display: block; border-radius: 80px;text-align: center;font-size: 12px; padding: 2px 10px; left: -10px;
                }
                b{
                    position: absolute; bottom: -5px; left: -5px; border-radius: 16px;background: #FFF;height: 16px; width: 16px; border: 2px solid #e9e9e9;
                }
            }
            span.select-win-res-active{
                b{
                    height: 24px; width: 24px; bottom: -8px;
                }
                em{
                    background: #6c6c6c; color: #fff;
                }
                em:after{
                    display: inline-block;content: "";position: absolute;bottom: -11px;left: 50%;border: 6px solid #6c6c6c;border-left-color: transparent;border-bottom-color: transparent;border-right-color: transparent; margin-left: -6px;
                }
            }
        }
        .select-win-res-one{
            display: flex; justify-content: center;
        }
        .select-win-res-two{
            span:first-child{float: left;}
            span:last-child{float: right;}
        }
        .select-win-res-three{
            text-align: center;
            span:first-child{float: left;}
            span:last-child{float: right;}
        }
        .select-win-res-four{
            span:first-child{float: left;}
            span:last-child{float: right;}
            span:nth-child(2),span:nth-child(3){ margin-left: 25%;}
        }
        .select-win-res-five{
            span:first-child{float: left;}
            span:last-child{float: right;}
            span:nth-child(2),span:nth-child(3),span:nth-child(4){ margin-left: 16%;}
        }
        .select-win-res-border{
            border-bottom: 16px solid #eaeaea; border-radius:16px;       
        }


        .btn-submit{
            width: 100%; height: 40px; line-height: 40px; margin: 10px 0px; color: #fff; text-align: center; border-radius: 10px;  background: -webkit-linear-gradient(left, #ff6565 , red); /* Safari 5.1 - 6.0 */
            background: -o-linear-gradient(right, #e88787 , #ff6565); /* Opera 11.1 - 12.0 */
            background: -moz-linear-gradient(right, #e88787 , #ff6565); /* Firefox 3.6 - 15 */
            background: linear-gradient(to right, #e88787 , #ff6565); /* 标准的语法 */
            font-size: 17px;
        }
    }
}